<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Index</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link href="lib/css/reset.css" rel="stylesheet">
    <link href="lib/css/font-awesome.min.css" rel="stylesheet">
    <link href="build_css/index/index_build.css" rel="stylesheet">
    <script src="lib/js/jquery.min.js"></script>
</head>
<body>
    <header>
        <div class="header-basic-info">
            <div class="wrapper">
                <div class="header-img fl">
                    <i class="fa fa-hotel"></i>
                </div>
                <div class="header-hotel-info fl">
                    <div class="hotel-name">{永祥商务酒店}</div>
                    <div class="hotel-owner">{罗名俊}</div>
                </div>
                <div class="other-info fr">
                    <div class="oi-item">营业日：2015-09-14</div>
                    <div class="oi-item">出租率：67%</div>
                    <div class="oi-item">今日营收：2340元</div>
                </div>
            </div>

            <div class="wrapper">
                <div class="search-area">
                    <div class="ibc-search-icon">
                        <i class="fa fa-search"></i>
                    </div>
                    <input class="search-box" type="text" placeholder="快速查询营收">
                </div>
            </div>

            <div class="wrapper">
                <div class="shortcut-area">
                    <div class="menu-row">
                        <a class="menu-item">
                            <div class="mi-image"><i class="fa fa-globe"></i></div>
                            <div class="mi-name">房态图</div>
                        </a>
                        <a class="menu-item">
                            <div class="mi-image"><i class="fa fa-globe"></i></div>
                            <div class="mi-name">房态图</div>
                        </a>
                        <a class="menu-item">
                            <div class="mi-image"><i class="fa fa-globe"></i></div>
                            <div class="mi-name">房态图</div>
                        </a>
                        <a class="menu-item">
                            <div class="mi-image"><i class="fa fa-globe"></i></div>
                            <div class="mi-name">房态图</div>
                        </a>
                        <a class="menu-item">
                            <div class="mi-image"><i class="fa fa-globe"></i></div>
                            <div class="mi-name">房态图</div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <div class="content">
        <div class="menu-area">
            <div class="menu-row">
                <div class="menu-item">
                    <div class="mi-image">
                        <img src="img/logo@2x.png">
                    </div>
                    <div class="mi-name">房态图</div>
                </div>
                <div class="menu-item">
                    <div class="mi-image">
                        <img src="img/logo@2x.png">
                    </div>
                    <div class="mi-name">房态图</div>
                </div>
                <div class="menu-item">
                    <div class="mi-image">
                        <img src="img/logo@2x.png">
                    </div>
                    <div class="mi-name">房态图</div>
                </div>
                <div class="menu-item">
                    <div class="mi-image">
                        <img src="img/logo@2x.png">
                    </div>
                    <div class="mi-name">房态图</div>
                </div>
                <div class="menu-item">
                    <div class="mi-image">
                        <img src="img/logo@2x.png">
                    </div>
                    <div class="mi-name">房态图</div>
                </div>
                <div class="menu-item">
                    <div class="mi-image">
                        <img src="img/logo@2x.png">
                    </div>
                    <div class="mi-name">房态图</div>
                </div>
            </div>
            <div class="menu-row">
                <div class="menu-item">
                    <div class="mi-image">
                        <img src="img/logo@2x.png">
                    </div>
                    <div class="mi-name">房态图</div>
                </div>
                <div class="menu-item">
                    <div class="mi-image">
                        <img src="img/logo@2x.png">
                    </div>
                    <div class="mi-name">房态图</div>
                </div>
                <div class="menu-item">
                    <div class="mi-image">
                        <img src="img/logo@2x.png">
                    </div>
                    <div class="mi-name">房态图</div>
                </div>
                <div class="menu-item">
                    <div class="mi-image">
                        <img src="img/logo@2x.png">
                    </div>
                    <div class="mi-name">房态图</div>
                </div>
                <div class="menu-item">
                    <div class="mi-image">
                        <img src="img/logo@2x.png">
                    </div>
                    <div class="mi-name">房态图</div>
                </div>
                <div class="menu-item more-item js-more-item">
                    <div class="mi-image"><i class="fa fa-ellipsis-h"></i></div>
                    <div class="mi-name">更多</div>
                </div>
            </div>
        </div>

        <div class="chart-area">

        </div>
    </div>

    <div class="footer-menu">

    </div>
</body>
</html>